<template>
  <div>
    <h3>这个是Father组件---navite</h3>
    <!-- vue中对于普通的标签可以直接绑定事件 -->
    <button @click="hClick">这是一个普通的标签</button>
    <hr>
    <!-- 那么对于vue中的组件，直接在组件身上绑定事件，不一定有效，如果没有效果可以加上native -->
    <!-- native 给自定的组件绑定原生事件，就可以把自定义的组件当做标签 -->
    <!-- <Son @click.native="hClick" /> -->
    <Son @hClick="hClick" />
  </div>

</template>
<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  methods: {
    hClick() {
      alert('ok')
    }
  }
}

</script>
